<template>
     <div class="content clearfix">
        <div class="div clearfix">
            <ul class="content-zuo">
                <li class="com">
                    <a href="javascript:;">
                        关于我们
                    </a>
                </li>
                <li>
                  <router-link to="/index/lianxi">
                    <a href="javascript:;">
                        联系我们
                    </a>
                    </router-link>
                </li>
            </ul>
            <div class="content-you">
                <div class="content-you1 block">
                  <!-- <router-link to="/index/guanyu2"> -->
                    <h1>关于我们</h1>
                    <p>
                      {{dataGuanyu.content}}
                      </p>
                    <!-- <p>KY 智能手表的历史......</p>
                    <p>KY 智能手环的历史......</p>
                    <p>KY 定制服务的反馈......</p>
                    <p>KY 定制服务的反馈......</p>
                    <p>就像: 一、时光一百,非凡表现。 二、引领时尚风潮,看我一表百炫。 三、时光一百,真的一百。 四、百变,时间不变时光一百,珍惜时间更珍惜你。 五、时尚生活,每分每秒......</p> -->
                    <div class="content-you1-tu">
                        <img src="@/assets/img/yq-p1-3.png" alt="">
                    </div>
                    <!-- </router-link> -->
                </div>
                <div class="content-you1">
                    <h1>联系我们</h1>
                    <p>关于KY 的智能服务问题请联系我们的客户服务部门</p>
                    <p>联系电话: 123456789</p>
                    <div class="content-you1-tu">
                        <img src="@/assets/img/yq-p1-3.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<style scoped src='@/assets/css/about.css'>
/* .no {
  display: none;
}
.block {
  display: block !important;
}
.content {
  width: 1180px;
  padding-left: 80px;
  margin: auto;
}
.content .div {
  margin-top: 50px;
}
.content .div .content-zuo {
  float: left;
}
.content .div .content-zuo .com {
  background-color: #85bc24;
  color: #fff;
}
.content .div .content-zuo li {
  width: 200px;
  line-height: 50px;
  margin-bottom: 15px;
  text-align: center;
  background-color: #212121;
  font-weight: 700;
  font-size: 16px;
}
.content .div .content-zuo li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.content .div .content-you {
  float: right;
  width: 930px;
}
.content .div .content-you .content-you1 {
  display: none;
  padding: 30px 20px;
  background-color: #eee;
  box-sizing: border-box;
}
.content .div .content-you .content-you1 h1 {
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #85bc24;
  font-size: 30px;
  font-weight: 700;
  color: #333;
}
.content .div .content-you .content-you1 p {
  line-height: 30px;
  font-size: 15px;
  color: #000;
}
.content .div .content-you .content-you1 .content-you1-tu {
  margin-top: 15px;
}
.content .div .content-you .content-you1 .content-you1-tu img {
  width: 100%;
} */
</style>
<script setup>
import { getCurrentInstance, onMounted, ref } from 'vue'
const { proxy } = getCurrentInstance()
const dataGuanyu = ref([])
async function fuWu () {
const { data: res } = await proxy.$http.get('about_get')
// const { data: res } = await proxy.$http.get('customized')
    if (res.code !== 1) {
     proxy.$ElMessage({
    showClose: true,
    message: '请求失败',
    type: 'error'
  })
  return false
 } else {
       console.log(res, '222')
      dataGuanyu.value = res.msg
      console.log(dataGuanyu.value.content, 1111)
 }
}
onMounted(() => {
    fuWu()
})
</script>
